 
/*---------左侧列表------------*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:500);

* {
	box-sizing: border-box;
}

.zhuti{
float:left;
width:100%;
}

@media screen and (min-width:768px){
.outer{ 
width:15%;
    float:left;	
	 margin-left:3%;
	 margin-top:30px;
	 
	 box-shadow:10px 2px   15px  #686262;
}
.navs1{
 width:100%;
 height:50px;
 line-height:50px;
 border-bottom:1px solid black;
 background-color:rgb(60,60,60);
 }
 .navs1:hover{
  opacity:0.5;
  }
 .quan{
 display:inline-block;
 width:17px;
 height:17px;
 border-radius:20px;
 line-height:20px;
  margin-left: 8.5px;
 }
 .quan1{
	border:1.5px solid rgb(245,171,40);
 }
.quan2{
    border:1.5px solid rgb(28,162,193);
}	
 .words{
 display:inline-block;
 color:lightgray;
 margin-left:50px;
 }
}
@media screen and (max-width:768px){
.outer{
   display:none;
}
}



 
/* 新闻中心拷贝，用于产品图片展示*/
.slidebody{
	 float:right; 
	 font-size:14px; 
	 color:rgba(102, 102, 102, 1);
	 padding-left:20px;
	 padding-top:20px;
 }
 .testimgbox{
   display:inline-block;
   margin:10px;
   padding-top:10px;
   }
  
@media screen and (min-width:768px){
 .slidebody{
 	width:77%;
 }
 }
 @media screen and (max-width:768px){
 .slidebody{
 	width:100%;
 	margin-top:20px;
 }
 }


@media screen and (min-width:1200px){
.testimgbox{
    width:275px;
    text-align:center;
    }
.testimg{
    width:95%;
    height:230px;
    }
}

@media screen and (max-width:1200px) and (min-width:992px){
.testimgbox{
    width:330px;
    text-align:center;
    
    }
.testimg{
    width:95%;
    height:300px;
    }
}

@media screen and  (max-width:992px) and  (min-width:768px){
.testimgbox{
    width:500px;
    text-align:center; 
  }
.slidebody{
   padding-left:0;
   }
 
.testimg{
    width:95%;
    height:400px;
    }
}

@media screen and (max-width:768px){
.testimgbox{
    width:100%;
   text-align:center;
   margin:0;
    }
.testimg{
    width:95%;
    height:300px;
    }
}
.welding{
    display:none;
    }
/*------模态框------*/
.modal-body{
width:100%;
height:100%;
}
.modalimgbox{
width:100%;
text-align:center;
}
.modalnewimgs{
width:100%;
height:300px;
}
.modalmovep{ 
   // background-image: -webkit-linear-gradient(left,blue,#66ffff 10%,#cc00ff 20%,#CC00CC 30%, #CCCCFF 40%, #00FFFF 50%,#CCCCFF 60%,#CC00CC 70%,#CC00FF 80%,#66FFFF 90%,blue 100%);
    background-image: -webkit-linear-gradient(left,black,lightgray 10%,black 20%,lightgray 30%,black 40%, lightgray 50%,black 60%,lightgray 70%,black 80%,lightgray 90%,black 100%);
    -webkit-text-fill-color: transparent;/* 将字体设置成透明色 */
    -webkit-background-clip: text;/* 裁剪背景图，使文字作为裁剪区域向外裁剪 */
    -webkit-background-size: 200% 100%; 
    -webkit-animation: masked-animation 4s linear infinite;
    font-size: 17px;
}
@keyframes masked-animation {
    0% {
        background-position: 0  0;
    }
    100% {
        background-position: -100%  0;
    }
}



/*  产品图片over */



/*  页脚   */
 

@media screen and (max-width:768px){
	.find{
		position:fixed;
		bottom:20px;
		right:5px;
		width:70px;
		height:200px;
	}
	.find div{
		width:100%;
		height:30px;
		background-color:black;
		opacity:0.5;
		margin:2px;
	}
	.find div a{
		display:inline-block;
		width:100%;
		height:100%;
		color:white;
		opacity:1;
		margin-left:5px;
		margin-top:5px;
		
	}
}
@media screen and (min-width:768px){
	.find{
		display:none;
	}
}
